﻿
.configure-button a {
color: #FE5252;
}

.masthead .navbar-inverse
{
		background-color: #FE5252;
}

.navbar-fixed-top.top-menu li > a:hover
{
				background-color: #FE5252;
				color: #FFF;
}

ul.nav.navbar-nav.navbar-right li >a:hover {
background-color: #FE5252;
}
.btn.btn-default {
color: #fff;
background-color:#FE5252;
border-color: #FE5252  ;
}

.btn.btn-default:hover {
color: #fff;
background-color: #E74C3C;
border-color: #E74C3C;
}
.panel.panel-default.side-nav, .panel.panel-default.form-panel {
    border-top: 4px solid #FE5252;
}

.mid-content-title {
padding: 8px 12px;
background-color: #f0f0f0;
color: #000;
border-bottom: 2px solid #FE5252;
margin: 0;
}


.navbar-fixed-top.top-menu {
   
    border-top: 5px solid #FE5252; 
    
    color: #fff;
}

.navbar-inverse {
background-color: #FE5252;
border-color: #FE5252;
}


.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #FE5252;
  background-color: transparent;
}


.masthead .navbar-inverse .navbar-nav > li > a {
border-right: 1px solid #FE5252;
color: #fff;
}


.top-menu ul.dropdown-menu > li > a
		{			
			background-color: #fff;
            color: #FFF;
		}

.top-menu ul.dropdown-menu > li > a:hover
			{
				padding: 10px 15px;
				color: #fff;
				background-color: #E74C3C;
			}


.top-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
	{
		background-color: #FE5252;
		color: #fff;
	}

.masthead .navbar-inverse .navbar-nav > li > a:hover
	{
		background-color: #E74C3C;
	}


.masthead .dropdown-menu > li > a:hover, .dropdown-menu > li > a
{
	background-color: #FE5252;
	color: #fff;
	text-decoration: none;
}
.masthead .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
	background-color: #E74C3C;
	color: #fff;
	text-decoration: none;
}

.top-menu ul.dropdown-menu > li > a
{
	color: #000;
}

.navbar-fixed-top.top-menu li > a:hover
			{
				background-color: #FE5252;
				color: #FFF;
			}

.navbar-fixed-top.top-menu li > a:active
			{
				background-color: #FE5252;
				color: #FFF;
			}

.navbar-fixed-top.top-menu li > a:focus
			{
				background-color: #FE5252;
				color: #FFF;
			}
.ul.nav.navbar-nav.navbar-right li:hover {
    background-color: #FE5252;
}

h3 {
    color: #FE5252;
}

.first-footer h3 {
color:#fff;
}

.footer {
    background-color: #323840;
}

.footer .copyrights {
background-color: #282D33;
border-top: 1px #282D33 solid;
padding-top: 14px;
padding-bottom: 14px;
}

ol.breadcrumb {
background-color: #F0F0F0;

}

ol.breadcrumb > li > a {
color: #28529F;
}


.product-selectors.clearfix > div.col-md-4
{
	background-color: #F0F0F0;
	color: #000;
	padding: 8px;
	border-radius: 0;
	border: none;
}


.title-carousel-control:hover
	{
		background-color: #FE5252;
		padding: 10px;
		color: #FFF;
		border-radius: 0px;
		text-decoration: none;
	}

.tags a {
    color:#FE5252;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #FE5252;
border: 1px solid #dddddd;
border-bottom-color: transparent;
}


h2.title {
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 700;
margin: 0 15px;
text-transform: uppercase;
margin-bottom: 30px;
position: relative;
}


/*custom title*/ 

.heading  {
    font: 33px sans-serif;
    margin-top: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
      background: #fff; 
    padding: 0 15px; 
    color:#FE5252;
}

.heading:before {
    border-top: 2px solid #f5f5f5;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 15px; left: 0; right: 0; bottom: 0;
    width: 95%;
    z-index: -1;
      
}

.spn { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #fff; 
    padding: 0 15px; 
}



#flyout-cart
{
	color:#000;
}

navbar-right .dropdown li a{
    color:#000;
}


.pad-left {
    padding-left:30px;
}

.pad-right {
    padding-right:20px;
}

.pad-bottom {
    padding-bottom:15px;
 }

.gray-block {
    height:auto;
    background-color:#F5F5F5;
    padding-left:10px;
    padding-right:10px;
    margin-left:1px;
    margin-right:1px;
    padding-bottom:5px;
    padding-top:5px;
    margin-bottom:15px;
}

blockquote {
font-size: 15px;
font-style: italic;
width: auto;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

.border-right {
border-right:2px dotted #dddddd;
}
.button-bottom {
padding-top:60px;
position:relative;
padding-bottom:80px;
padding-right:70px;
}

.centre
{
  width:284px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.box {
    border-left: 1px solid #999999;
    border-right:1px solid #999999;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    margin-bottom:25px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    padding-top:15px;

}

.padding-top {
    margin-top:15px;
}

.img-middle {
    padding-left:80px;
}

.pad-image-title {
    padding-left:50px;
    }

.gray-background {
background-color:#EBEBEB;
height:auto;
min-width:100%;
}

.text-group {
    font:21/32px 'Open Sans', sans-serif;
}



/* Custom container */
.container-full {
  margin: 0 auto;
  width: 100%;
  min-width:100%;
}


/*------------------------------------*\
   Theme Color Picker style End
\*------------------------------------*/

.theme-color-picker { position: fixed; top: 200px; right: 0px; z-index: 9; }
.configure-button { background-color: #696763; color: #ffffff; height: 50px; width: 50px; position: absolute; right: 0px; padding: 11px 14px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
    .configure-button a:hover { color: #ffffff; }
.options-choosing-palette { padding: 10px 0px 10px 17px; }
.color-options { height: 120px; width: 200px; border: 1px solid #696763; right: -200px; position: absolute; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background: #ffffff; }
    .color-options h3 { padding: 0px 30px; }
    .color-options ul { padding: 0px; margin: 0px; margin-top: 10px; }

        .color-options ul li { padding: 5px 0px; margin: 0px; display: inline; margin-right: 10px; }
/*------------------------------------*\
   Theme Color Picker style End
\*------------------------------------*/

.sequence-prev { 
    left: 3%; 
	background: url("images/bt-prev-red.png") no-repeat 0 0;
}
